<template>
	<view class="layout">
		<view class="container">
<<<<<<< HEAD
			<uni-card title="项目详情" extra="修改按钮">99999999999999995999999999
				<view class="box">
					<view class="left">
						项目名称:6
=======
			<uni-card title="项目详情" extra="修改按钮">
				<view class="box">
					<view class="left">
						项目名称:
>>>>>>> d0906e5b97b189eac1aa3f76173b4f3b5d3a17ae
					</view>
					<view class="right">
						{{detail.name}}
					</view>
				</view>
				<view class="box">
					<view class="left">
						问题描述:
					</view>
					<view class="right">
						{{detail.description}}
					</view>
				</view>
				<view class="box">
					<view class="left">
						维修结果:
					</view>
					<view class="right">
						{{detail.result}}
					</view>
				</view>
				<view class="box">
					<view class="left">
						维修人员:
					</view>
					<view class="right">
						{{detail.worker}}
					</view>
				</view>
				<view class="box">
					<view class="left">
						维修日期:
					</view>
					<view class="right">
						{{detail.time}}
					</view>
				</view>
			</uni-card>
			<uni-card title="请及时上传以下文件扫描件" extra="额外信息" >
				<view class="box">
					<view class="left">
						项目报告:
					</view>
					<view class="right">
						未上传
					</view>
				</view>
				<view class="box">
					<view class="left">
						项目合同:
					</view>
					<view class="right">
						未上传
					</view>
				</view>
				<view class="box">
					<view class="left">
						验收单:
					</view>
					<view class="right">
						未上传
					</view>
				</view>
				<view class="box">
					<view class="left">
						发票:
					</view>
					<view class="right">
						未上传
					</view>
				</view>
				<view class="box">
					<view class="left">
						佐证材料:
					</view>
					<view class="right">
						未上传
					</view>
				</view>
				<template #actions>
					<view class="btn">
						<uv-button type="primary" text="上传修改" plain></uv-button>
					</view>
				</template>
			</uni-card>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
const detail = ref({
	name:"校园树枝修剪",
	description:"校园树枝茂盛，需要修剪，消除安全隐患消除安全隐患消除安全隐患消除安全隐患消除安全隐患",
	worker:"张三",
	result:"修剪完毕等待验收修剪完毕等待验收修剪毕等待验收修剪毕等待验收修剪毕等待验收修剪毕等待验收修剪完毕等待验收修剪完毕等待验收修剪完毕等待验收修剪完毕等待验收修剪完毕等待验收",
	time:"2024年10月1日"
})
console.log(detail.value.name);

</script>

<style lang="scss" scoped>
.layout{}
.container{
	padding-top: 2rpx;
	.box{
		width: 100%;
		height: 100%;
		display: flex;
		border-bottom: 1px solid #ecf5ff;
		padding: 5rpx 0;
		.left{
			width: 130rpx;
			height: auto;
			padding-right: 10rpx;
			display: flex;
			justify-content: right;
			align-items: center;
			font-size: 28rpx;
		}
		.right{
			display: flex;
			height: auto;
			font-size: 28rpx;
			line-height: 1.3em;
			align-items: center;
			flex: 1;
		}
	}
}
.btn{
	width: 200rpx;
	margin:0 auto 20rpx;
}
</style>
